30天分享(14) - HTML5 fieldset 標籤

<fieldset> 是表單原本預設樣式的標籤，可以快速建立表單，

裡面的 CSS 設定樣式 :

fieldset {

display: block;

margin-left: 2px;

margin-right: 2px;

padding-top: 0.35em;

padding-bottom: 0.625em;

padding-left: 0.75em;

padding-right: 0.75em;

border: 2px groove (internal value);

}

在 HTML5 裡使用方式為下 :

<form>

<fieldset>

<legend>Personalia:</legend>

Name: <input type="text"><br>

Email: <input type="text"><br>

Date of birth: <input type="text">

</fieldset>

</form>

<fieldset> 框住了表單的標題及欄位，

<legend> 是表單的標題，

將其排列後會產生一個表單的樣式，不需要改 CSS ，

是快速建立表單的一個方式。